html {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.bg_icon1.tips {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 22px;
    background-position: -56px -5px;
    background-repeat: no-repeat;
    background-size: 240px 240px;
    margin-right: 4px;
}
.title.left {
    /*font-size: .65rem;*/
    display: flex;
    font-size: 12px;
    padding-left: 0;
    margin: 10px 0;
}
.title.left > div {
    flex: 1;
}

/*.title.left >  label {*/
    /*position: relative;*/
    /*top: 3px;*/
/*}*/

.note {
    color: #F15B5C;
}

.gray-note {
    color: rgba(0, 0, 0, 0.43);
    margin-left: 20px;
}

.title.left .note {
    /*margin-left: 25px;*/
    display: block;
}
.weui-label.name {
    /*color: rgba(0, 0, 0, 0.43);*/
    color: #999;
    letter-spacing: 1px;
    width: 100px;
    /*text-align-last: justify;*/
    /*text-align: justify;*/
    margin-right: 10px;
}

.weui-label.value{
    color: #333; 
}

.weui-input.sm {
    font-size: .8rem;
}

.weui-uploader__input-box  {
    border-color: #F15B5C;
}

.weui-uploader__input-box:before, .weui-uploader__input-box:after {
    background-color: #F15B5C;
}
.weui-panel.margin{
   margin-top: 20px; 
}

.box {
    margin: 20px 20px;
}
.submit{
    width: 100%;
    height: 38px;
    background-color: #F15B5C;
    color: white;
    border: 0;
    font-size: 18px;
}
.weui-cells__tips {
    /*font-size: .65rem;*/
    font-size: 12px;
    margin-top: 10px;
}

.ico-down {
  position: absolute;
  top: 30px;
  right: 10px;
  display: block;
  width: 12px;
  height: 6px;
  background: url(./images/triangle.png) no-repeat;
  background-size: 12px 6px;
}

.ico-fork {
  position: absolute;
  top: 30px;
  right: 10px;
  display: block;
  width: 19px;
  height: 19px;
  background: url(./images/fork.png) no-repeat;
  background-size: 19px 19px;
}

.ico-down + select, .flex > select {
    height: 56px;
    line-height: 56px;
    background-color: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 14px;
    color: #333333;
    font-size: 16px;
    border: none;
    outline: none;
    /*border-bottom: 1px solid #dddddd;*/
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}


.weui-cell__bd.flex {
    display: flex;
    align-items: center;
}
.flex > label.name {
    width: 40px;
    display: inline;
    margin-right: 0;
}
.flex > select {
    flex: 1;
    padding: 0;
    /*font-size: 14px;*/
}
.flex > select > option:first-child {
    
}
.flex > span {
    width: 20px;
    position: relative;
    right: 0;
    top: 0;
}

select.tips {
    /*color: rgba(0, 0, 0, 0.43);*/
    color: #ccc;
    padding-left: 0;
}
select.tips > option {
    color: initial;
}

.modCard  .weui-cell, 
.card  .weui-cell
{
    border-top: 1px solid #eee;
}
.modCard  .weui-panel, 
.card  .weui-panel{
    border-bottom: 1px solid #eee;
}

.modCard  .weui-cell:not(.default), 
.card   .weui-cell:not(.default)
{
    /*height: 49px;*/
    height: 39px;
}

.modCard .weui-cell:before,
.card .weui-cell:before
{
    border-top: 0;
}

input::-webkit-input-placeholder {
   color: #ccc;
   font-size: 16px;
}
.weui-cell.no-right-padding {
    padding-right: 0;
}

.submit[disabled] {
    background-color: #ccc;
}






.layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1111;
    background: rgba(0, 0, 0, 0.5); 
}

.layer .tipbox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
}
.layer .tipbox .coner {
    margin: 5px auto 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #eee; 
}

.tipbox .ico-header {
    width: 60px;
    height: 60px;
    margin: -30px auto 0;
    border: 4px solid #fff;
    border-radius: 50%; 
}

.tipbox .userpho {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    margin: auto;
    position: relative;
    z-index: 1; 
}

.tipbox_sty1 .layui-layer-content {
overflow: visible !important; }

.tipbox .close {
    padding: 10px;
    border: 0;
    background-color: transparent;
    width: 15px;
    height: 15px;
    float: right;
    background-image: url(./images/ico-muck.png);
    background-repeat: no-repeat;
    background-size: 16px 39px;
    z-index: 2;
    margin-top: -22px;
    margin-right: 17px;
outline: none; }

.tipbox .content {
    margin-top: 10px;
text-align: center; }

.tipbox .content .top {
    color: #333333;
font-size: 13px; }

.tipbox .content .main {
    position: relative;
    margin: 15px 15px 0;
    padding: 13px 0;
border: 1px solid #cdcdcd; }

.tipbox .content .main input {
    width: 95%;
    height: 20px;
    line-height: 20px;
    border: none;
    color: #333;
font-size: 18px; }

.tipbox .content .main .delTxt {
    display: none;
    position: absolute;
    right: 10px;
    top: 16px;
    width: 16px;
    height: 16px;
    background-image: url(./images/ico-muck.png);
    background-repeat: no-repeat;
    background-size: 16px 39px;
background-position: 0 -23px; }

.tipbox .p {
    background-color: #EEEEEE;
    text-align: center;
    font-size: 14px;
    color: #333;
    padding: 22px 18px;
    width: 80%;
    margin: auto;
line-height: 20px; }

.tipbox .check {
    display: block;
    border: 0;
    background-color: #F15B5C;
    text-align: center;
    color: #fff;
    font-size: 0.9rem;
    width: 46%;
    margin: auto;
    border-radius: 16px;
    outline: none;
    height: 38px;
    line-height: 38px;
    margin-top: 20px;
    margin-bottom: 20px;
box-shadow: none; }

.tipbox .check:active {
background-color: #ED5755; }

.tipbox .tip-name {
    text-align: center;
    color: #F15B5C;
font-size: 16px; }

.tipbox .single_btn {
text-align: center; }

/*.tipbox .single_btn, .tipbox .double_btn {*/
/*display: none; }*/

.tipbox .btn {
    display: inline-block;
    width: 40%;
    height: 38px;
    line-height: 18px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    outline: none;
    border-radius: 16px;
font-size: 15px; }

.tipbox .btns {
    margin: 25px 0;
text-align: center; }

.tipbox .btn-cancel {
    margin-left: 5%;
    border: 1px solid #F15B5C;
    background-color: #fff;
color: #F15B5C; }

.tipbox .btn-normal {
    color: #fff;
    border: 1px solid #F15B5C;
background-color: #F15B5C; }

.tipbox .btn-ok {
    float: right;
    margin-right: 5%;
    border: 1px solid #F15B5C;
    background-color: #F15B5C;
color: #fff; }

.tipbox .btn-ok:active, .tipbox .btn-normal:active {
background: #F14B5C; }




